
<script type="text/javascript" src="js/jquery-1.9.1.js">
	
</script>
<script type="text/javascript" src="js/jquery-ui.js">
	
</script>
<script type="text/javascript" src="js/draganddrop.js">
	
</script>
<div class="container">
		<div class="arene col-md-9">
			<div class="row">
					<c:forEach var="i" begin="0" end="5">
						<div class="row">
							<c:forEach var="l" begin="0" end="5">
								<c:if test="${listeCases[i*6+l]==null}">
									<div class="case ui-droppable val${correspondance[i*6+l]}" id="${i*6+l+1}">${correspondance[i*6+l]}</div>
								</c:if>
								<c:if test="${listeCases[i*6+l]!=null}">
									<div class="case ui-droppable val${correspondance[i*6+l]}" id="${i*6+l+1}">${correspondance[i*6+l]}<span class="jeton-dpl pull-right"><span class="labelJeton">${listeCases[i*6+l].numero}</span></span></div>
								</c:if>
							</c:forEach>
						</div>
					</c:forEach>
			</div>
		</div>
		<div class="col-md-3">
			<div class="row">
				<h2>PokeBalls &agrave; lancer</h2>
				<c:forEach var="i" begin="1" end="${size}">
					<c:if test="${participation.jetonsAPlacer.size() >= i}">
						<span class="jeton-dpl ui-draggable" id="jeton${i}" ><span class="labelJeton">${participation.jetonsAPlacer[i-1].numero}</span></span>
					</c:if>	
				</c:forEach>
				<h3>PokeScore</h3>
				<h2>
					<span class="label label-default">${participation.score}</span><span><img src="img/poke${participation.score}.png" alt="pokemon"></span>
				</h2>
				<h3>PokeHerbe tir&eacute;e</h3>
				<span class="caseTiree" id="caseTiree">${partieCourante.numeroCaseTiree}</span>
				<form id="formAction" action="jouer.html" method=post>
					<input id="inputJeton" type="hidden" name="jetonPose" value="1">
					<input id="inputCase" type="hidden" name="nrCase" value="2">
					<input type="hidden" name="id" value="${partieCourante.id}">
				</form>
			</div>
		</div>
</div>

<div class = "alert"></div>